{extend name="./public/base" /}
{block name="title"}个人资料{/block}
{block name="style"}
<style type="text/css">
	.content{
		width: 100%;
		background-color:#fff;
		font-size: 32px;
		color: #6e5858;
	}
	.top{
		width: 100%;
	    background-color: #ffba58;;
	    height: 80px;
	    color: #fff;
	    text-align: center;
	    line-height: 80px;
	    font-size: 32px;
	}
	.back{
		float: left;
	    margin-top: 14px;
	    padding-left: 10px;
	}
	.photo{
		width: 100%;
	   /* height: 29%;*/
	   	height:600px;
	    background-color: #f3f1f114;
	    margin: auto;
	    border-radius: 15px;
	    box-shadow: 0px 5px 2px 2px #f3f1f1f5;
	}

	.list{
		width: 100%;
	    margin: auto;
	  
	}
	.active{
		color:#ff0000a1;
		border-bottom: 2px solid #ff0000a1;
	}
	.item{
		width: 90%;
		height: 400px;
		background-color: #f3f1f114;
	    border-radius: 15px;
	    box-shadow: 0px 5px 2px 2px #f3f1f1f5;
	    margin: auto;
	    margin-bottom: 40px;
	}
	.item .line_one{
		height: 400px;
		width: 100%;
	}

	.item .line_one span{
		display:inline-block;
	}
	.item .line_one .img{
		width: 80px;
		height: 80px;
		padding: 20px;
	}
	.item .line_one .img img{
		width: 100%;
		height: 100%;
	}
	.item .line_one .detail{
		width: 100%
	}

	.item .line_one .detail span{
		display: inline-block;
		width: 48%;
		margin-bottom: 60px;
	}
	.item .line_one .detail .detail_one{
		padding-left: 20px;
	}
	.item .line_one .detail .detail_two{
		
	}

	.item .line_one .detail .detail_two span{
		background-color: #ffba58;
		color: #fff;
		text-align: center;
		height: 80px;
		line-height: 80px;
		border-radius: 30px;
		margin-left: 150px;
	}


	.des{
		position: relative;
		top: -30px;
	}
	.des .name{
		padding: 20px;
	}
	.line{
		height: 2px;
		width: 100%;
		background-color: #e5e5e5;
		margin:20px auto;
		margin-bottom: 60px;
	}
	
	
	
</style>
{/block}
{block name="main"}
	<div id="app_content" class="content"> 
		<div class="top" >
			<span class="back"><img onclick="javascript:history.back(-1);" src="__STATIC__/images/back5.png" alt=""></span>
			<span>{{text11}}</span>
		</div>
		<div class="list">
			<div class="item">
				<div class="line_one">
					<span class="img"><img src="__STATIC__/images/auth.png" alt=""></span>
					<span class="des">
						<div class="name">实名认证</div>
					</span>
					<div class="line"></div>
					<div class="detail">
						<span class="detail_one">实名认证安全放心</span>
						<span class="detail_two" @click="authen()"><span>立刻认证</span></span>
					</div>
				</div>		
			</div>
		</div>
	</div>
{/block}
{block name="script"}
<script type="text/javascript" >
    $(document).ready(function(){ 
		var host = "http://"+document.domain+"/api.php/";
		var vm  = new Vue({
			el: '#app_content',
			data: {
			    text11:'身份认证',
			},
		    methods:{
		       authen:function(){
		       	  window.location.href = "{:url('authen_info')}";
		       }
		    },
		    mounted: function () {
	            
	        }

		})
		

		
	});
</script>
{/block}